<template>
	<div><div>    
		<div v-for="item in lists">{{item}}</div>

    <div v-for="(val,key) in lists"> {{key}} :{{val}}</div>

    <div v-for="(v, k, i) in object">{{i}}.{{k}}:{{v}}</div>

    <li v-for="n in 10">{{n}}</li>
    
	</div></div>
</template>
<script>
export default {
  data () { 
    return {
    	lists: ['a','b','c'],
      object:{id:1,name: '名称'}
    } 
  }
 }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.class1 {
  font-size:60px;
  color:red;
}
</style>
